<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1,maximum-scale=1">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="back" name="apple-mobile-web-app-status-bar-style">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <link href="css/sweetalert.css" rel="stylesheet">
    <link href="css/application.css" rel="stylesheet">
    <title>农产品新零售</title>
</head>
<body>
<nav id="menu">
    <ul class="menu">
        <li><a href="#"><img src="img/icons/glass.png">蔬菜</a>
            <ul>
                <li><a href="list.html">应季蔬菜</a></li>
                <li><a href="list.html">大棚蔬菜</a></li>
            </ul>
        </li>
        <li><a href="#"><img src="img/icons/mc.png">水果</a>
            <ul>
                <li><a href="list.html">应季水果</a></li>
                <li><a href="list.html">大棚水果</a></li>
            </ul>
        </li>
        <li><a href="#"><img src="img/icons/od.png">农副产品</a>
            <ul>
                <li><a href="list.html">其他</a></li>
            </ul>
        </li>
    </ul>
</nav>
<div class="mmenu-page">
    <header>
        <div class="headerbar">
            <h1>首页</h1>
            <a class="navbar-toggle" type="button" href="#menu">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
        </div>
    </header>
    <div class="slide">
        <ul>
            <li><a href="detail0.html"><img src="resource/banner0.png"/></a></li>
            <li><a href="detail1.html"><img src="resource/banner1.png"/></a></li>
            <li><a href="detail2.html"><img src="resource/banner2.png"/></a></li>
            <li><a href="detail3.html"><img src="resource/banner3.png"/></a></li>

        </ul>
        <div class="dot">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <section>
        <div class="category">
            <h2>蔬菜专区</h2>
            <div class="thumbnail">
                <a href="detail0.html">
                    <img src="resource/small0.png">
                    <div class="caption">
                        <h3>【小龙虾】原始野味，大"虾"风范</h3>
                        <p>自有养殖基地</p>
                        <p>真正的清水龙虾</p>
                        <div class="price">
                            35<i>元</i>
                        </div>
                    </div>
                </a>
            </div>
            <div class="thumbnail">
                <a href="detail1.html">
                    <img src="resource/small1.png">
                    <div class="caption">
                        <h3>【猴头菇】雪乡猴头菇</h3>
                        <p>山珍猴头、海味鱼翅</p>
                        <p>高蛋白、低脂肪、各种维生素和无机盐</p>
                        <div class="price">
                            9.9<i>元</i>
                        </div>
                    </div>
                </a>
            </div>
            <div class="thumbnail">
                <a href="detail2.html">
                    <img src="resource/small2.png">
                    <div class="caption">
                        <h3>【寒地蟹】北纬45度寒地黑土</h3>
                        <p>新鲜、直供、手工严选</p>
                        <p>零添加、无抗生素</p>
                        <div class="price">
                            55<i>元</i>
                        </div>
                    </div>
                </a>
            </div>
            <div class="thumbnail">
                <a href="detail3.html">
                    <img src="resource/small3.png">
                    <div class="caption">
                        <h3>【蜂蜜】黑蜂椴树蜂蜜</h3>
                        <p>行走的情感雪蜜</p>
                        <p>有颜值、有品质</p>
                        <div class="price">
                            29<i>元</i>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </section>

    <footer>
        <div class="footheight"></div>
        <div class="row footbar">
            <a class="col-4 text-center active" href="index.html"><span class="icon-home"></span>首页</a>
            <a class="col-4 text-center" href="cart.html"><span class="icon-cart2"></span>购物车</a>
            <a class="col-4 text-center" href="profile.html"><span class="icon-user2"></span>我的</a>
        </div>
    </footer>
</div>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/swipeSlide.min.js" type="text/javascript"></script>
<script src="js/sweetalert.min.js" type="text/javascript"></script>
<script src="js/jquery.touchSwipe.min.js" type="text/javascript"></script>
<script src="js/jquery.mmenu.min.js" type="text/javascript"></script>
<script src="js/application.js" type="text/javascript"></script>
<script>
    $(function () {
        $('nav#menu').mmenu({
            position: "left",
            slidingSubmenus: false,
            navbar: {
                "add": false
            },
            onClick: {
                preventDefault: false,
                close: false
            }
        });


        $(document).on("click", "nav.mmenu", function (e) {
            var target = $(e.target);
            if (target.closest("ul.menu").length == 0) {
                $(".navbar-toggle").trigger("click")
            }
        });
    });
</script>
</body>
</html>
